import SongShowList from '@/base-ui/Song-show-list';
import classNames from 'classnames';
import React, { memo } from 'react'
import { shallowEqual, useSelector } from 'react-redux';
import RecentPlays from './style'

const index = memo(() => {
    const { playList} = useSelector(
      (state) => {
        return {
          playList:state.player.playerList
        };
      },
      shallowEqual
    );
  return (
    <RecentPlays>
        <h2>播放列表</h2>
        <ul>
            <SongShowList data={playList}/>
        </ul>
    </RecentPlays>
  )
})

export default index